<div class = "system-container" style = "width: 100%;height: 100%; padding: 10px;">
    <div style = "width: 30%;height: 100%;" class = "fl">
        <div style = "height: 30%;">
            <div style = "width: 100%;height: 100%;">
                <industry-distri-chart></industry-distri-chart>
            </div>
        </div>
        <div style = "height: 70%;">
            <div style = "height: 50%">
                <sales-money-chart></sales-money-chart>
            </div>
            <!--<div style = "height: 33.3%">
                <employ-number-chart></employ-number-chart>
            </div>-->
            <div style = "height: 50%">
                <shops-number-chart></shops-number-chart>
            </div>
        </div>
    </div>
    <div style = "width: 45%;height: 100%;" class = "fl">
        <div style = "width:100%;height: 10%;" class = "pt20">
            <div style = "width:60%;height: 100%;color:#fff;" class = "tc fl">
                <p style = "font-size: 22px;">今日唐河累计农村电商销售(元)</p>
                <p style = "font-size: 60px;margin-top: 10px;">{{total_sale}}</p>
            </div>
            <div style = "width:40%;height: 100%;color:#fff;" class = "tc fl">
                <div style = "height: 50%;">
                    <p>2016年唐河累计扶持农村商务(元)</p>
                    <p style = "font-size:25px;margin-top: 5px;">230,000,000</p>
                </div>
                <div style = "height: 50%;margin-top: 10px;" class = "">
                    <p>2016年唐河农村电商从业人数</p>
                    <p style = "font-size:25px;margin-top: 5px;" class = "tc">16860</p>
                </div>
            </div>
        </div>
        <div style = "width:100%;height: 55%;">
            <packages-flow-chart></packages-flow-chart>
        </div>
        <div style = "width:100%;height: 32%;">
            <new-shops-chart></new-shops-chart>
        </div>
    </div>
    <div style = "width:25%;height: 100%;" class = "fl">
        <div style = "height: 35%;">
            <div class = "fl" style = "width: 100%;height: 100%;">
                <train-finish-chart></train-finish-chart>
            </div>
        </div>
        <div style = "height: 30%">
            <!--            <div style = "" class = "tc">
                            <table class = "saler-rank w">
                                <caption></caption>
                                <thead>
                                    <tr>
                                        <th>店铺名</th>
                                        <th>月销量</th>
                                        <th>月销售额</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat = "saler in topSalers">
                                        <td class = "pb10 pt10">{{saler.name}}</td>
                                        <td class = "pb10 pt10">{{saler.saleMount}}</td>
                                        <td class = "pb10 pt10">{{saler.saleMoney}}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>-->
            <top-salers></top-salers>
        </div>
        <div style = "height: 35%;overflow:hidden">
            <town-rank-chart style = "margin-top: 15px;"></town-rank-chart>
        </div>
    </div>
    <nav curr = "index"></nav>
</div>